<!-- app/view/news/list.tpl -->

<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<!-- Head BEGIN -->

<head>
    <meta charset="utf-8">
    <title>矿机商城</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta content=" description" name="description">
    <meta content=" keywords" name="keywords">
    <meta content="keenthemes" name="author">

    <meta property="og:site_name" content="-CUSTOMER VALUE-">
    <meta property="og:title" content="-CUSTOMER VALUE-">
    <meta property="og:description" content="-CUSTOMER VALUE-">
    <meta property="og:type" content="website">
    <meta property="og:image" content="-CUSTOMER VALUE-">
    <!-- link to image for socio -->
    <meta property="og:url" content="-CUSTOMER VALUE-">

    <link rel="shortcut icon" href="favicon.ico">

    <!-- Fonts START -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all"
        rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet"
        type="text/css">
    <!--- fonts for slider on the index page -->
    <!-- Fonts END -->

    <!-- Global styles START -->
    <link href="../public/css/font-awesome.min.css" rel="stylesheet">
    <link href="../public/css/bootstrap.min.css" rel="stylesheet">
    <!-- Global styles END -->

    <!-- Page level plugin styles START -->
    <link href="../public/css/owl.carousel.css" rel="stylesheet">
    <!-- Page level plugin styles END -->

    <!-- Theme styles START -->
    <link href="../public/css/style-shop.css" rel="stylesheet" type="text/css">
    <link href="../public/css/style.css" rel="stylesheet">
    <link href="../public/css/style-responsive.css" rel="stylesheet">
    <!-- Theme styles END -->

    <link href="../public/css/site.css" rel="stylesheet" type="text/css" />
</head>
<!-- Head END -->

<!-- Body BEGIN -->

<body class="ecommerce">

    <!-- BEGIN HEADER -->
    <div class="header">
        <div class="container">
            <a class="site-logo" href="#">
                <img src="/public/img/logos/logo.png" alt="">
            </a>

            <!--<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>-->

            <!-- BEGIN NAVIGATION -->

            <div class="container" style="margin-top: 32px">
                <div class="row">
                    <div class="col-md-6">
                        <div class="">
                            <div class="">

                                <div class="col-md-12">
                                    <!--<ul class="demo1" style="list-style: none;">-->
                                        <!--{% for data in dataList.content1s %}-->
                                        <!--<li class="news-item1"><marquee>{{data.content}}</marquee>-->
                                        <!--</li>-->
                                        <!--{% endfor %}-->

                                    <!--</ul>-->
                                    
                                    <marquee>
                                        {% for data in dataList.content1s %}
                                        {{data.content}}。
                                        {% endfor %}
                                    </marquee>
                                    
                                </div>
                             

                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>

            <!--<div class="">-->
            <!--<div class="container">-->
            <!--<div class="row">-->
            <!--<div class="col-md-8" style="margin-top: 6px">-->
            <!--<div class="">-->
            <!--<div class="">-->
            <!--<div class="row">-->
            <!--<div class="col-md-12">-->
            <!--<ul class="demo1" style="list-style: none">-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->
            <!--<li class="news-item">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容... <a href="#">Read more...</a></li>-->

            <!--</ul>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->

            <!--</div>-->

            <!-- END NAVIGATION -->
        </div>
    </div>
    <!-- Header END -->

    <!-- BEGIN SLIDER -->
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                    <!-- 轮播（Carousel）指标 
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
-->
                    <!-- 轮播（Carousel）项目 -->


                    <div class="carousel-inner">
                        {% for data in dataList.image1s %} {% if data.state==1 %}
                        <div class="item active">
                            <a href="http://{{data.link}}" target="_blank">
                                <img src="/public/image1/{{data.url}}" alt="" >
                            </a>
                        </div>
                        {% else %}
                        <div class="item">
                            <a href="http://{{data.link}}" target="_blank">
                                <img src="/public/image1/{{data.url}}" alt="" >
                            </a>
                        </div>
                        {% endif %} {% endfor %}

                    </div>

                    <!-- 轮播（Carousel）导航 -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            // 初始化轮播

            $("#myCarousel").carousel('cycle');

            // 停止轮播
            $(".pause-slide").click(function () {
                $("#myCarousel").carousel('pause');
            });
            // 循环轮播到上一个项目
            $(".prev-slide").click(function () {
                $("#myCarousel").carousel('prev');
            });
            // 循环轮播到下一个项目
            $(".next-slide").click(function () {
                $("#myCarousel").carousel('next');
            });
            // 循环轮播到某个特定的帧
            $(".slide-one").click(function () {
                $("#myCarousel").carousel(0);
            });
            $(".slide-two").click(function () {
                $("#myCarousel").carousel(1);
            });
            $(".slide-three").click(function () {
                $("#myCarousel").carousel(2);
            });
        });
    </script>

    <!-- END SLIDER -->

    <div class="main">
        <div class="container">
            <!-- BEGIN SALE PRODUCT & NEW ARRIVALS -->
            <div class="row margin-bottom-40">
                <!-- BEGIN SALE PRODUCT -->
                <div class="col-md-12">
                    <!--<h2>标题</h2>-->
                    <div class="owl-carousel owl-carousel5">
                        <div>
                            <div class="product-item">
                                <div class="pi-img-wrapper">
                                    <img src="../public/img/products/model1.png" class="img-responsive" alt="">
                                </div>
    
                                <div class="sticker sticker-sale"></div>
                            </div>
                        </div>
                        <div>
                            <div class="product-item">
                                <div class="pi-img-wrapper">
                                    <img src="../public/img/products/model2.png" class="img-responsive" alt="">
                                </div>
    
                            </div>
                        </div>
                        <div>
                            <div class="product-item">
                                <div class="pi-img-wrapper">
                                    <img src="../public/img/products/model3.png" class="img-responsive" alt="">
                                </div>
    
                            </div>
                        </div>
                        <div>
                            <div class="product-item">
                                <div class="pi-img-wrapper">
                                    <img src="../public/img/products/model4.png" class="img-responsive" alt="">
                                </div>
    
                                <div class="sticker sticker-new"></div>
                            </div>
                        </div>
                        <div>
                            <div class="product-item">
                                <div class="pi-img-wrapper">
                                    <img src="../public/img/products/model5.png" class="img-responsive" alt="">
                                </div>
    
                            </div>
                        </div>


                    </div>
                </div>
                <!-- END SALE PRODUCT -->
            </div>
            <!-- END SALE PRODUCT & NEW ARRIVALS -->

            <!-- BEGIN TWO PRODUCTS & PROMO -->
            <div class="row margin-bottom-35 ">
                <!-- BEGIN TWO PRODUCTS -->
                <div class="col-md-6 shop-index-carousel">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->

                            <div class="carousel-inner " style="width: 555px;height: 355px;border:#dbdbdb 1px solid ">
                                {% for data in dataList.image3s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image3/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image3/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>


                    <div class="container content-text">
                        <div class="row">
                            <div class="col-md-6" style="margin-top: 6px">
                                <div class="">
                                    <div class="">
                                        <div class="row">
                                            <div class="">
                                                <ul class="demo2" style="list-style: none;height: 150px;padding: 0">
                                                    {% for data in dataList.content2s %}
                                                    <li class="news-item1">{{data.content}}
                                                    </li>
                                                    {% endfor %}

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                </div>

                <!-- END TWO PRODUCTS -->
                <!-- BEGIN PROMO -->
                <div class="col-md-6 shop-index-carousel">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->

                            <div class="carousel-inner" style="width: 555px;height: 355px;border: #dbdbdb 1px solid">
                                {% for data in dataList.image4s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image4/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image4/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="container content-text">
                        <div class="row">
                            <div class="col-md-6" style="margin-top: 6px">
                                <div class="">
                                    <div class="">
                                        <div class="row">
                                            <div class="">
                                                <ul class="demo2" style="list-style: none;height: 150px;padding: 0">
                                                    {% for data in dataList.content3s %}
                                                    <li class="news-item1">{{data.content}}
                                                    </li>
                                                    {% endfor %}

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END PROMO -->
            </div>

            <div class="row margin-bottom-40 ">

            </div>
            <div class="row margin-bottom-35 ">
                <!-- BEGIN TWO PRODUCTS -->
                <div class="col-md-6 shop-index-carousel">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">

                            </ol>
                            <div class="carousel-inner" style="width: 555px;height: 355px;border: #dbdbdb 1px solid">
                                {% for data in dataList.image5s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image5/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image5/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="container content-text">
                        <div class="row">
                            <div class="col-md-6" style="margin-top: 6px">
                                <div class="">
                                    <div class="">
                                        <div class="row">
                                            <div class="">
                                                <ul class="demo2" style="list-style: none;height: 150px;padding: 0">
                                                    {% for data in dataList.content4s %}
                                                    <li class="news-item1">{{data.content}}
                                                    </li>
                                                    {% endfor %}

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- END TWO PRODUCTS -->
                <!-- BEGIN PROMO -->
                <div class="col-md-6 shop-index-carousel">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->

                            <div class="carousel-inner" style="width: 555px;height: 355px;border: #dbdbdb 1px solid">
                                {% for data in dataList.image6s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image6/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image6/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>
                    <!--<div class=" content-text">-->
                    <!--<div class="row">-->
                    <!--<div class="col-md-6" style="margin-top: 6px">-->
                    <!--<div class="">-->
                    <!--<div class="">-->
                    <!--<div class="row">-->
                    <!--<div class="col-md-12">-->
                    <!--<ul class="demo2" style="list-style: none;height: 150px;">-->
                    <!--{% for data in dataList.content5s %}-->
                    <!--<li class="news-item1">{{data.content}}-->
                    <!--</li>-->
                    <!--{% endfor %}-->

                    <!--</ul>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="container content-text">
                        <div class="row">
                            <div class="col-md-6" style="margin-top: 6px">
                                <div class="">
                                    <div class="">
                                        <div class="row">
                                            <div class="">
                                                <ul class="demo2" style="list-style: none;height: 150px;padding: 0">
                                                    {% for data in dataList.content5s %}
                                                    <li class="news-item1">{{data.content}}
                                                    </li>
                                                    {% endfor %}

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END PROMO -->
            </div>

            <div class="row margin-bottom-40 ">

            </div>
            <div class="row margin-bottom-35 ">
                <!-- BEGIN TWO PRODUCTS -->
                <div class="col-md-6 shop-index-carousel" style="margin-bottom: 10px">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->

                            <div class="carousel-inner" style="width: 555px;height: 355px;border: #dbdbdb 1px solid">
                                {% for data in dataList.image7s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image7/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image7/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>

                <!-- END TWO PRODUCTS -->
                <!-- BEGIN PROMO -->
                <div class="col-md-6 shop-index-carousel">
                    <div class="content-slider">
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->

                            <div class="carousel-inner" style="width: 555px;height: 355px;border: #dbdbdb 1px solid">
                                {% for data in dataList.image8s %} {% if data.state==1 %}
                                <div class="item active">
                                    <img src="/public/image8/{{data.url}}" alt="">
                                </div>
                                {% else %}
                                <div class="item">
                                    <img src="/public/image8/{{data.url}}" alt="">
                                </div>
                                {% endif %} {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END PROMO -->
            </div>
            <!-- END TWO PRODUCTS & PROMO -->
        </div>
    </div>

    <!-- BEGIN STEPS -->
    <div class="steps-block">
        <div class="container">
            <div class="row">
                <div class="col-md-4 steps-block-col">

                    <div style="text-align: center">
                        <img src="../public/img/footer1.png">
                        <!--  <p style="color: black">全套矿场建设、矿机教程指导、售后跟踪<br>电力托管、算力切换、矿机开发生产</p>-->
                    </div>
                    <span>&nbsp;</span>
                </div>
                <div class="col-md-4 steps-block-col">
                    <div style="text-align: center">
                        <img src="../public/img/footer2.png">
                        <!-- <p style="color: black">十多年企业<br>矿机行业的骨灰级玩家<br>银行资质齐全，信用优秀</p>-->
                    </div>
                    <span>&nbsp;</span>
                </div>
                <div class="col-md-4 steps-block-col">
                    <div style="text-align: center">
                        <img src="../public/img/footer3.png">
                        <!-- <p style="color: black">一站式服务、无忧售后、安全保障<br>新东南矿机与您共同致富</p>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END STEPS -->

    <!-- BEGIN FOOTER -->
    <div class="footer">
        <div class="container">
            <div class="row">
               <!-- <div class="footer-line">版权所有：xxx有限公司&nbsp;&nbsp;京ICP备：00000000号&nbsp;&nbsp;&nbsp;&nbsp;技术支持：xx网络</div>-->
                <div class="footer-line">Copyright 2017-2018 All Rights Reserved</div>
                    <p><img src="../public/img/阿里云logo.jpg">本网站由阿里云提供云计算及安全服务</p>
            </div>
        </div>
    </div>
    <!-- END FOOTER -->

    <!-- Load javascripts at bottom, this will reduce page load time -->
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
    <!--[if lt IE 9]>
<script src="../public/js/respond.min.js"></script>
<![endif]-->
    <script src="../public/js/jquery.min.js" type="text/javascript"></script>
    <script src="../public/js/jquery-migrate.min.js" type="text/javascript"></script>
    <script src="../public/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../public/js/back-to-top.js" type="text/javascript"></script>
    <script src="../public/js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
    <script src="../public/js/owl.carousel.min.js" type="text/javascript"></script>
    <!-- slider for products -->
    <script src="../public/js/bootstrap.touchspin.js" type="text/javascript"></script>
    <!-- Quantity -->

    <script src="../public/js/layout.js" type="text/javascript"></script>
    <script src="../public/js/bs-carousel.js" type="text/javascript"></script>

    <script src="../public/js/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            Layout.init();
            Layout.initOWL();
            Layout.initImageZoom();
            Layout.initTouchspin();
            Layout.initTwitter();
        });
        $(".demo1").bootstrapNews({
            newsPerPage: 1,
            autoplay: true,
            pauseOnHover: true,
            navigation: false,
//            direction: 'up',
            newsTickerInterval: 2500,
            onToDo: function () {
                //console.log(this);
            }
        });
        $(".demo2").bootstrapNews({
            newsPerPage: 6,
            autoplay: true,
            pauseOnHover: true,
            navigation: false,
            direction: 'up',
            newsTickerInterval: 2500,
            onToDo: function () {
                //console.log(this);
            }
        });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
</body>
<!-- END BODY -->

</html>